<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../../../../bootstrap/docs/favicon.ico">

    <title>Carousel Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="/public/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

      <link href="/public/css/AdminLTE.css" rel="stylesheet" type="text/css" />
      <link href="/public/css/styles.css" rel="stylesheet" type="text/css" />
    <!-- Custom styles for this template -->
    <link href="/public/css/carousel.css" rel="stylesheet">
  </head>
<!-- NAVBAR
================================================== -->
  <body class="skin-blue">
  <!-- header logo: style can be found in header.less -->
  <header class="header">
      <!-- Header Navbar: style can be found in header.less -->
      <nav class="navbar navbar-static-top" role="navigation">
          <div class="navbar-left">
              <!-- Brand and toggle get grouped for better mobile display -->
              <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                  </button>
                  <div class="navbar-brand">
                      家教你好
                  </div>
              </div>
              <ul class="nav navbar-nav">
                  <li class="active"><a href="#">用户版</a></li>
                  <li><a href="#">教员版</a></li>
              </ul>
          </div>
      </nav>
  </header>

    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">

      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="col-lg-4">
          <img class="img-circle" src="../img/bohan.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
          <h2>张伯函 - 软件工程师</h2>
          <p>“完成大学课程之余，我经常挂在tupo.com上：这里网页版的即时通讯非常好用，稍加维护，学生就会源源不断。我很喜欢tupo的在线教学，熟悉了之后会激发很多创意！而且，能够在学生最需要的时刻给予他们帮助，这让我感到正能量满满！”</p>
        </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
              <img class="img-circle" src="../img/bohan.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
              <h2>张伯函 - 家长</h2>
              <p>“之前一直给小孩报辅导机构，有名的几家都试过。虽然挑不出毛病，但效果一般。这次在突破上给他请了一个清华数学系的老师后，小孩被点亮了，迷上了数学。除了周末愿意和老师学很久，平常晚上两人也会在线演练。这是我做的最成功的决定之一。”</p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
              <img class="img-circle" src="../img/bohan.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
              <h2>张伯函 - 三年级</h2>
              <p>“晓丹老师真是太棒了！她非常熟悉高中数理化的所有内容，任何疑问都是有问必答，还能把方法讲得透透哒。因为她，我觉得北大并不是遥不可及。我会向晓丹姐姐看齐，做个知书达理，多才多艺的小学霸！”</p>
          </div><!-- /.col-lg-4 -->
      </div><!-- /.row -->


      <!-- START THE FEATURETTES -->

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">一些介绍. <span class="text-muted">参考群内共享的PDF方案样例.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-5">
          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
        <div class="col-md-7">
          <h2 class="featurette-heading">帮您快速找到家教. <span class="text-muted">See for yourself.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">安全保障. <span class="text-muted">Checkmate.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->

      <!-- 注册模块 -->
      <div class="container">
          <div class="box box-primary">
              <div class="box-header">
                  <h3 class="box-title">加入我们吧</h3>
              </div><!-- /.box-header -->
              <!-- form start -->
              <form role="form">
                  <div class="box-body">
                      <div class="form-group">
                          <label for="phoneNumber">电话</label>
                          <input type="email" class="form-control" id="phoneNumber" placeholder="电话">
                      </div>
                      <div class="form-group">
                          <label for="validateCode">验证码</label>
                          <input type="email" class="form-control" id="validateCode" placeholder="您接收到的电话验证码">
                      </div>
                      <div class="form-group">
                          <label for="password1">密码</label>
                          <input type="password" class="form-control" id="password1" placeholder="请您输入密码">
                      </div>
                      <div class="form-group">
                          <label for="password2">确认密码</label>
                          <input type="password" class="form-control" id="password2" placeholder="请您再次确认密码">
                      </div>
                  </div><!-- /.box-body -->

                  <div class="box-footer">
                      <button type="submit" class="btn btn-primary">注册成为会员</button>
                  </div>
              </form>
          </div>
      </div>

      <!-- FOOTER -->
        <footer>
            <p>家教你好网站 联系：hello@jiajiaohello.com | Copyright&#169;2014 - 2014 版权所有</p>
            <p>京ICP证040426号-11 京公安网备110102000243号</p>
        </footer>

    </div><!-- /.container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/public/js/jquery.min.js"></script>
    <script src="/public/js/bootstrap.js"></script>
    <script src="/public/js/docs.min.js"></script>
  </body>
</html>
